<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta name="format-detection" content="telephone=yes">
    <title>旅游网静态页面移动版</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="Shortcut Icon" href="./img/timg.png">
    <script src="./js/lib/zepto.min.js"></script>
    <script src="./js/lib/fx.js"></script>
    <script src="./js/lib/selector.js"></script>
    <script src="./js/lib/touch.js"></script>
</head>
<body>
<div class="wrapper">
    <div class="main" >
        <div class="phone">
            <a href="tel:13918247032"></a>
        </div>
        <div class="to-top"></div>
    <!--轮播图开始-->
    <div class="slider">
        <div class="slider-main">
            <ul class="slider-items  clearfix">
                <li class="slider-item">
                    <img src="./img/banner/slider3.png" alt="">
                </li>
                <li class="slider-item">
                    <img src="./img/banner/slider1.png" alt="">
                </li>
                <li class="slider-item">
                    <img src="./img/banner/slider2.png" alt="">
                </li>
                <li class="slider-item">
                    <img src="./img/banner/slider3.png" alt="">
                </li>
                <li class="slider-item">
                    <img src="./img/banner/slider1.png" alt="">
                </li>
            </ul>
            <ul class="slider-dots">
                <li class="slider-dot current"></li>
                <li class="slider-dot"></li>
                <li class="slider-dot"></li>
            </ul>
        </div>
    <div class="searchbar">
        <div class="form">
            <a href="javascript:;" class="label">
                <i></i>
                搜索产品名称/目的地
            </a>
        </div>
    </div>
    </div>
    <!--文字滚动开始-->
    <div class="word-slider clearfix bgwhite">
        <div class="word-icon"></div>
        <div class="word-container">
            <ul>
                <li class="word-container-item">
                    <a href="javascript:;">
                        <span class="mark">纯玩</span>
                        北京直飞首尔4-5天自由行（宿五花酒店+邂逅韩国欧...
                        <span class="price"><em>&yen;</em><strong>2299</strong>起/人</span>
                    </a>
                </li>
                <li class="word-container-item">
                    <a href="javascript:;">
                        <span class="mark">超值特惠</span>
                        广州直飞长滩岛6-8天自由行（特价/赠...
                        <span class="price"><em>&yen;</em><strong>1500</strong>起/人</span>
                    </a>
                </li>
                <li class="word-container-item">
                    <a href="javascript:;">
                        <span class="mark">含节假日</span>
                        上海直飞塞班岛5/6天自由行（野马跑车自驾+军舰岛+...
                        <span class="price"><em>&yen;</em><strong>999</strong>起/人</span>
                    </a>
                </li>
                <li class="word-container-item">
                    <a href="javascript:;">
                        <span class="mark">纯玩</span>
                        北京直飞首尔4-5天自由行（宿五花酒店+邂逅韩国欧...
                        <span class="price"><em>&yen;</em><strong>2299</strong>起/人</span>
                    </a>
                </li>
            </ul>
        </div>
        <div class="word-more"><a href="javascript:;">更多</a></div>
    </div>
    <!--文字滚动结束-->
    <!--轮播图结束-->
    <!--菜单开始-->
    <div class="cats">
        <ul class="holiday clearfix">
            <li class="t1">旅游度假</li>
            <li class="t2">
                <a href="javascript:;">机酒套餐</a>
            </li>
            <li>  <a href="javascript:;">国内机票</a></li>
            <li>  <a href="javascript:;">订酒店</a></li>
            <li>  <a href="javascript:;">半自由行</a></li>
            <li>  <a href="javascript:;">邮轮</a></li>
        </ul>
        <ul class="local clearfix">
            <li class="t1">当地玩乐</li>
            <li class="t2"><a href="javascript:;">一日游</a></li>
            <li><a href="javascript:;">多日游</a></li>
            <li><a href="javascript:;">当地体验</a></li>
            <li><a href="javascript:;">酒店套餐</a></li>
            <li><a href="javascript:;">包/拼车</a></li>
            <li class="t3"><a href="javascript:;">景点门票</a></li>
            <li><a href="javascript:;">演出展览</a></li>
            <li><a href="javascript:;">租车</a></li>
            <li><a href="javascript:;">美食</a></li>
            <li><a href="javascript:;">购物</a></li>
        </ul>
        <ul class="others clearfix">
            <li class="t1">出行必备</li>
            <li class="t2"><a href="javascript:;">签证</a></li>
            <li><a href="javascript:;">WiFi</a></li>
            <li><a href="javascript:;">电话卡</a></li>
            <li><a href="javascript:;">保险</a></li>
            <li><a href="javascript:;">接送机</a></li>
            <li><a href="javascript:;">交通卡</a></li>
        </ul>
    </div>
    <!--菜单结束-->
    <!--爆卖热款开始-->
    <div class="hot-sales bgwhite">
        <div class="common-head">
        <div class="common-head-title">
            <span>爆卖热款</span>
        </div>
        </div>
        <a href="javascript:;" class="hot-sale">
            <img src="./img/hot_sale/nrt.png" alt="">
        </a>
        <div class="hot-sale-items">
            <ul>
                <li class="hot-sale-item">
                    <a href="javascript:;">
                        <div class="hot-sale-item-img">
                        <img src="./img/hot_sale/nrt01.jpeg" alt="">
                        </div>
                        <div class="hot-sale-img-container">
                            <div class="hot-sale-img-container-head">
                            上海直飞名古屋/大阪/茨城4-10天往返含税机票（3月26日起优质白航班不劳累+樱花季超值预售）
                            </div>
                            <p class="hot-sale-img-container-price">
                                <span>&yen;</span>
                                <strong>699</strong>
                                起/人
                            </p>
                        </div>
                    </a>
                </li>
                <li class="hot-sale-item">
                    <a href="javascript:;">
                        <div class="hot-sale-item-img">
                            <img src="./img/hot_sale/nrt01.jpeg" alt="">
                        </div>
                        <div class="hot-sale-img-container">
                            <div class="hot-sale-img-container-head">
                                上海直飞名古屋/大阪/茨城4-10天往返含税机票（3月26日起优质白航班不劳累+樱花季超值预售）
                            </div>
                            <p class="hot-sale-img-container-price">
                                <span>&yen;</span>
                                <strong>699</strong>
                                起/人
                            </p>
                        </div>
                    </a>
                </li>
                <li class="hot-sale-item">
                    <a href="javascript:;">
                        <div class="hot-sale-item-img">
                            <img src="./img/hot_sale/nrt01.jpeg" alt="">
                        </div>
                        <div class="hot-sale-img-container">
                            <div class="hot-sale-img-container-head">
                                上海直飞名古屋/大阪/茨城4-10天往返含税机票（3月26日起优质白航班不劳累+樱花季超值预售）
                            </div>
                            <p class="hot-sale-img-container-price">
                                <span>&yen;</span>
                                <strong>699</strong>
                                起/人
                            </p>
                        </div>
                    </a>
                </li>
                <li class="hot-sale-item">
                    <a href="javascript:;">
                        <div class="hot-sale-item-img">
                            <img src="./img/hot_sale/nrt01.jpeg" alt="">
                        </div>
                        <div class="hot-sale-img-container">
                            <div class="hot-sale-img-container-head">
                                上海直飞名古屋/大阪/茨城4-10天往返含税机票（3月26日起优质白航班不劳累+樱花季超值预售）
                            </div>
                            <p class="hot-sale-img-container-price">
                                <span>&yen;</span>
                                <strong>699</strong>
                                起/人
                            </p>
                        </div>
                    </a>
                </li>
                <li class="hot-sale-item">
                    <a href="javascript:;">
                        <div class="hot-sale-item-img">
                            <img src="./img/hot_sale/nrt01.jpeg" alt="">
                        </div>
                        <div class="hot-sale-img-container">
                            <div class="hot-sale-img-container-head">
                                上海直飞名古屋/大阪/茨城4-10天往返含税机票（3月26日起优质白航班不劳累+樱花季超值预售）
                            </div>
                            <p class="hot-sale-img-container-price">
                                <span>&yen;</span>
                                <strong>699</strong>
                                起/人
                            </p>
                        </div>
                    </a>
                </li>
                <li class="hot-sale-item">
                    <a href="javascript:;">
                        <div class="hot-sale-item-img">
                            <img src="./img/hot_sale/nrt01.jpeg" alt="">
                        </div>
                        <div class="hot-sale-img-container">
                            <div class="hot-sale-img-container-head">
                                上海直飞名古屋/大阪/茨城4-10天往返含税机票（3月26日起优质白航班不劳累+樱花季超值预售）
                            </div>
                            <p class="hot-sale-img-container-price">
                                <span>&yen;</span>
                                <strong>699</strong>
                                起/人
                            </p>
                        </div>
                    </a>
                </li>
                <li class="hot-sale-item">
                    <a href="javascript:;">
                        <div class="hot-sale-item-img">
                            <img src="./img/hot_sale/nrt01.jpeg" alt="">
                        </div>
                        <div class="hot-sale-img-container">
                            <div class="hot-sale-img-container-head">
                                上海直飞名古屋/大阪/茨城4-10天往返含税机票（3月26日起优质白航班不劳累+樱花季超值预售）
                            </div>
                            <p class="hot-sale-img-container-price">
                                <span>&yen;</span>
                                <strong>699</strong>
                                起/人
                            </p>
                        </div>
                    </a>
                </li>
                <li class="more"><a href="javascript:;">查看更多</a></li>
            </ul>
        </div>
    </div>
    <!--爆卖热款结束-->
        <!--推荐攻略开始-->
        <div class="strategy bgwhite">
            <div class="common-head">
                <div class="common-head-title">
                    <span>推荐攻略</span>
                </div>
            </div>
            <div class="strategy-box">
                <a href="javascript:;">
                    <div class="strategy-head">  阴雨的香港，我们只为漫威而来
                    <div class="strategy-icon">可订</div>
                    </div>
                    <dl>
                        <dt><img src="./img/strategy/strategy01.png" alt=""></dt>
                        <dd>
                            <div class="strategy-container">
                                似乎，有你在身边在路上的我们才能更安心大手牵小手的旅行我们还在继续只想在我们最好的年华里陪你看你最爱的漫威也让你陪我们一起走更多的路                      ------题记                 送给我们最爱的儿子       随着时钟滴滴答答跨入了2017的脚步，我们终于欣喜的迎来了新一轮的各种假期（此处应该有掌声）计划着带儿子的旅行，无意间微博刷到了全球唯一，第一个漫威主题游乐设施将在香港迪士尼乐园盛大启幕，一张张钢铁侠的宣传照撩拨着我的心，漫威中，我们全家都爱
                            </div>
                            <div class="strategy-footer">
                                32806浏览
                                <div class="author">
                                    __author
                                    <img src="./img/strategy/head.png" alt="">
                                </div>
                            </div>
                        </dd>

                    </dl>
                </a>
            </div>
        </div>
        <!--推荐攻略结束-->
    <!-- tab切换开始 -->
    <div class='tab tab-products bgwhite'>
        <div class="common-head">
            <div class="common-head-title">
                <span>大家都在买</span>
            </div>
        </div>
        <ul class='tab-floor tab-main'>
            <li class="i-ellipsis active" style="width: 24.9%">当季热推</li>
            <li class="i-ellipsis" style="width: 24.9%">出境游</li>
            <li class="i-ellipsis" style="width: 24.9%">国内游</li>
            <li class="i-ellipsis" style="width: 24.9%">周边游</li>
        </ul>
        <ul class='tab-submain'>
           <ul class='sub-list show'>
               <li class='active'>
                   <div class="sub-list-name i-ellipsis">全部</div>
               </li>
               <li class=''>
                   <div class="sub-list-name i-ellipsis">心动迪士尼</div>
               </li>
             <li class=''>
                   <div class="sub-list-name i-ellipsis">寒冬的南国</div>
               </li>
                   <li class=''>
                   <div class="sub-list-name i-ellipsis">趣玩海岛价</div>
               </li>
                   <li class=''>
                   <div class="sub-list-name i-ellipsis">温泉养生</div>
               </li>
                   <li class=''>
                   <div class="sub-list-name i-ellipsis">放假日韩泰</div>
               </li>
                   <li class=''>
                   <div class="sub-list-name i-ellipsis">欧美澳新</div>
               </li>
                   <li class=''>
                   <div class="sub-list-name i-ellipsis">省心游轮季</div>
               </li>
           </ul>
           <ul class='sub-list'>
               <li class='active'>
                   <div class="sub-list-name i-ellipsis">东南亚</div>
               </li>
               <li class=''>
                   <div class="sub-list-name i-ellipsis">海岛</div>
               </li>
             <li class=''>
                   <div class="sub-list-name i-ellipsis">日韩</div>
               </li>
                   <li class=''>
                   <div class="sub-list-name i-ellipsis">欧洲</div>
               </li>
                   <li class=''>
                   <div class="sub-list-name i-ellipsis">中东非</div>
               </li>
                   <li class=''>
                   <div class="sub-list-name i-ellipsis">美洲</div>
               </li>
                   <li class=''>
                   <div class="sub-list-name i-ellipsis">欧美澳新</div>
               </li>
                   <li class=''>
                   <div class="sub-list-name i-ellipsis">省心游轮季</div>
               </li>
           </ul>
           <ul class='sub-list'>
               <li class='active'>
                   <div class="sub-list-name i-ellipsis">全部</div>
               </li>
               <li class=''>
                   <div class="sub-list-name i-ellipsis">心动迪士尼</div>
               </li>
             <li class=''>
                   <div class="sub-list-name i-ellipsis">寒冬的南国</div>
               </li>
                   <li class=''>
                   <div class="sub-list-name i-ellipsis">趣玩海岛价</div>
               </li>
                   <li class=''>
                   <div class="sub-list-name i-ellipsis">温泉养生</div>
               </li>
                   <li class=''>
                   <div class="sub-list-name i-ellipsis">放假日韩泰</div>
               </li>
                   <li class=''>
                   <div class="sub-list-name i-ellipsis">欧美澳新</div>
               </li>
                   <li class=''>
                   <div class="sub-list-name i-ellipsis">省心游轮季</div>
               </li>
           </ul>
           <ul class='sub-list'>
               <li class='active'>
                   <div class="sub-list-name i-ellipsis">全部</div>
               </li>
               <li class=''>
                   <div class="sub-list-name i-ellipsis">心动迪士尼</div>
               </li>
             <li class=''>
                   <div class="sub-list-name i-ellipsis">寒冬的南国</div>
               </li>
                   <li class=''>
                   <div class="sub-list-name i-ellipsis">趣玩海岛价</div>
               </li>
                   <li class=''>
                   <div class="sub-list-name i-ellipsis">温泉养生</div>
               </li>
                   <li class=''>
                   <div class="sub-list-name i-ellipsis">放假日韩泰</div>
               </li>
                   <li class=''>
                   <div class="sub-list-name i-ellipsis">欧美澳新</div>
               </li>
                   <li class=''>
                   <div class="sub-list-name i-ellipsis">省心游轮季</div>
               </li>
           </ul>
        </ul>
        <ul class='list-block'>
            <li class='tab-product-item'>
                <a href="javascript:;">
                    <div class='item-top'>
                        <div class='product-image'>
                            <img src="./img/icon/loading2.png" data-src="./img/banner/nrt.jpg" class="fade" alt="">
                           <div class="image-gra"></div>
                        </div>
                        <div class='sati-peo'>
                            <div class="peo">1.4万人出游</div>
                            <div class="sati">93%满意</div>
                        </div>
                        <div class='product-extra'>
                            <span class="icon icon-tours"></span>
                            <span>跟团游</span>
                            <span class="separator">|</span>
                            <span>上海</span>
                        </div>
                        <div class='product-price price-schema-1'>
                            <div class="product-price-now ">&yen;<em>3199</em>起</div>
                            <div class="product-promotion">已省&yen;200</div>
                        </div>
                        <div class="product-recommend">
                            <span class="line">
                                超高
                                <br>
                                满意度
                            </span>
                        </div>
                    </div>
                    <div class='item-bottom'>
                        <h5 class="product-title">[五一]日本富山-大阪-东京8日游</h5>
                        <p class="product-describe">拳头产品，超3000好评，醉美樱花季，东阪各1天自由市区连住，无自费不购物，本州深度，北陆富山秘境，宇奈月5A温泉</p>
                        <div class="product-tags"><span class="label hairlines" style="border-color:#FA7864;color:#FA7864;">立减</span><span
                                class="label hairlines" style="border-color:#eeaa44;color:#eeaa44;">手机优惠价</span><span class="label hairlines"
                                                                                                                   style="border-color:#cccccc;color:#999999;">必玩景点全含</span><span class="label hairlines" style="border-color:#cccccc;color:#999999;">首次参团必选</span></div>
                    </div>
                </a>
            </li>
            <li class='tab-product-item'>
                <a href="javascript:;">
                    <div class='item-top'>
                        <div class='product-image'>
                            <img src="./img/icon/loading2.png" data-src="./img/banner/sel.jpg" alt="">
                            <div class="image-gra"></div>
                        </div>
                        <div class='sati-peo'>
                            <div class="peo">1.4万人出游</div>
                            <div class="sati">93%满意</div>
                        </div>
                        <div class='product-extra'>
                            <span class="icon icon-tours"></span>
                            <span>跟团游</span>
                            <span class="separator">|</span>
                            <span>上海</span>
                        </div>
                        <div class='product-price price-schema-1'>
                            <div class="product-price-now ">&yen;<em>3199</em>起</div>
                            <div class="product-promotion">已省&yen;200</div>
                        </div>
                    </div>
                    <div class='item-bottom'>
                        <h5 class="product-title">韩国-首尔5日半自助游</h5>
                        <p class="product-describe">4月后团期已上线，高品质牛状元，上海直飞，市区5花酒店，2天FREE，好评2千点赞过万</p>
                        <div class="product-tags"><span class="label hairlines" style="border-color:#FA7864;color:#FA7864;">立减</span><span
                                class="label hairlines" style="border-color:#eeaa44;color:#eeaa44;">手机优惠价</span><span class="label hairlines"
                                                                                                                     style="border-color:#cccccc;color:#999999;">必玩景点全含</span><span class="label hairlines" style="border-color:#cccccc;color:#999999;">首次参团必选</span></div>
                    </div>
                </a>
            </li>
        </ul>
        <div class="showmore" data-id="0">加载更多</div>
    </div>
        <div class="foot">
            <ul class="clearfix">
                <li><a href="javascript:;">PC版</a></li>
                <li><a href="javascript:;" class="down">下载APP</a></li>
                <li><a href="javascript:;">我的订单</a></li>
                <li><a href="javascript:;">回到首页</a></li>
            </ul>
            <p>&copy;沪ICP备12020293号-1</p>
        </div>
    </div>

    <!-- tab切换结束 -->
    <!--搜索栏开始-->
    <div class="search" style="display: none">
    <div class='mask' style='display:none'>
        <div class='warning'>
            <dl>
                <dt>提示</dt>
                <dd>请输入关键字</dd>
            </dl>
            <a href="javascript:;" class='warning-confirm'>确定</a>
        </div>
    </div>
        <div class="search-head">
            <i></i>
            <form action="#">
            <input type="search" placeholder="请输入关键字" id="search" value="">
                <input type="text" style="display: none">
            </form>
            <a href="javascript:;" class="search-cancel">
                取消
            </a>
        </div>
        <div class="search-bg">
            <dl class="history-box">
                <dt class="history">
                    <i class="history-icon"></i>
                    历史记录
                </dt>
                <dd class="histroy-item" id='test'>
                </dd>
                <a href="javascript:;" class="history-clear">清除历史纪录</a>
            </dl>
            <dl class="search-city">
                <dt>
                    <i class="search-icon"></i>
                    热门推荐
                </dt>
                <dd>
                    <a href='javascript:;' class='choose'>普吉岛</a>
                    <a href='javascript:;' class='choose'>清迈</a>
                    <a href='javascript:;' class='choose'>巴厘岛</a>
                    <a href='javascript:;' class='choose'>沙巴</a>
                    <a href='javascript:;' class='choose'>吴哥窟</a>
                    <a href='javascript:;' class='choose'>马尔代夫</a>
                    <a href='javascript:;' class='choose'>毛里求斯</a>
                    <a href='javascript:;' class='choose'>帕劳</a>
                    <a href='javascript:;' class='choose'>塞班岛</a>
                    <a href='javascript:;' class='choose'>大阪</a>
                    <a href='javascript:;' class='choose'>厦门</a>
                    <a href='javascript:;' class='choose'>三亚</a>
                    <a href='javascript:;' class='choose'>济州岛</a>
                    <a href='javascript:;' class='choose'>首尔</a>
                    <a href='javascript:;' class='choose'>新加坡</a>
                </dd>
            </dl>
        </div>
    </div>
    <!--搜索栏结束-->
</div>
<script src="./js/index.js"></script>
<script>

</script>
</body>
</html>